<template>
  <Public>
    <template #topnav>
      <el-form :inline="true" :model="formInline" class="demo-form-inline" style="height: 36px;">
        <el-form-item label="工单编号" style="font-weight: unset;">
          <el-input v-model="formInline.user" type="seatch" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="活动区域">
          <el-select v-model="formInline.region" placeholder="请选择">
            <el-option v-for="itme in changeAll" :key="itme.statusId" :value="itme.statusName" :label="itme.statusName" />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary">查询</el-button>
        </el-form-item>
      </el-form>
    </template>
    <template v-slot:main>
      <el-table
        empty-text="暂无数据"
        :data="newGoodlist"
        style="width: 100%"
      >
        <el-table-column
          type="index"
          label="序号"
          width="60"
          align="center"
          header-align="center"
        />
        <el-table-column
          prop="taskCode"
          label="工单编号"
          width="160"
          align="center"
          header-align="center"
        />
        <el-table-column
          prop="innerCode"
          label="设备编号"
          width="160"
          align="center"
          header-align="center"
        />
        <el-table-column
          prop="taskType.typeName"
          label="工单类型"
          width="160"
          align="center"
          header-align="center"
        />
        <el-table-column
          prop="taskStatusTypeEntity.statusName"
          label="工单方式"
          width="160"
          align="center"
          header-align="center"
        />
        <el-table-column
          prop="taskStatusTypeEntity.statusName"
          label="工单状态"
          width="165"
          align="center"
          header-align="center"
        />
        <el-table-column
          prop="userName"
          label="运营人员"
          width="155"
          align="center"
          header-align="center"
        />
        <el-table-column
          prop="updateTime"
          label="创建日期"
          width="210"
          align="center"
          header-align="center"
        />
        <el-table-column
          width="160"
          label="操作"
          align="center"
          header-align="center"
        />
      </el-table>
    </template>
  </Public>
</template>

<script>
export default {
  data() {
    return {
      newGoodlist: [],
      changeAll: [],
      formInline: {
        user: '',
        region: ''
      },
      loading: false
    }
  }
}
</script>

<style>

</style>
